<template>
    <div class="footercon">
        <ul claas="footnav learfix">
            <li class="footnavli"><a >首页</a></li>
            <li class="footnavli"><span>|</span></li>
            <li class="footnavli"><a >用户反馈</a></li>
            <li class="footnavli"><span>|</span></li>
            <li class="footnavli"><a >帮助中心</a></li>
            <li class="footnavli"><span>|</span></li>
            <li class="footnavli"><a>关于我们</a></li>
            <li class="footnavli"><span>|</span></li>
            <li class="footnavli"><a >联系我们</a></li>
        </ul>
        <p>copyright 2018 CCB.ALL rights reseved</p>
        <p>Powber by 企业智能撮合综合服务平台</p>
    </div>
</template>
<script>
export default {
  data() {
    return {
      msg: "Welcome to Your Vue.js App"
    };
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.footercon {
  display: flex;
  padding:20px 0px; 
  flex-direction: column;
  align-items:center;
  justify-content:center;
  p {
      color:#aaa;
      font-size: 16px;
      padding: 10px 0;
  }
  
}

.footnavli {
  float: left;
  color:#333;
  padding:10px;
  a:hover{
      color:red
  }
}

</style>
